<!DOCTYPE html>
<html lang="en">
<head>
	<link rel="icon" type="image/png" href="{{base_url}}/images/logo.png">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About us</title>
    <link rel="stylesheet" href="{{base_url}}/css/About.css">
</head>
<body>
  

    {{include './common/header.html'}}
    <div class="banner">
        <img src="{{base_url}}/images/image5.png" alt="">
    </div>
    <div class="brand">
        <div class="left">
			<h2>關於我們</h2>
			<ul>
			    {{if navSub.cate.pinyin == 'gongsijianjie'}}
			    	<li class="btn1"><a style="color:blue" href="/guanwuwomen/gongsijianjie/index.html">公司簡介</a></li>
			    	{{else}}
			    	<li class="btn1"><a href="/guanwuwomen/gongsijianjie/index.html">公司簡介</a></li>
			    {{/if}}
			    {{if navSub.cate.pinyin == 'qiyewenhua'}}
			    	<li class="btn2"><a style="color:blue" href="/guanwuwomen/qiyewenhua/index.html">企業文化</a></li>
			    	{{else}}
			    	<li class="btn2"><a href="/guanwuwomen/qiyewenhua/index.html">企業文化</a></li>
			    {{/if}}
			    {{if navSub.cate.pinyin == 'touzilinian'}}
			    	<li class="btn3"><a style="color:blue" href="/guanwuwomen/touzilinian/index.html">投資理念</a></li>
			    	{{else}}
			    	<li class="btn3"><a href="/guanwuwomen/touzilinian/index.html">投資理念</a></li>
			    {{/if}}
			    {{if navSub.cate.pinyin == 'zuzhijiagou'}}
			    	<li class="btn4"><a style="color:blue" href="/guanwuwomen/zuzhijiagou/index.html">組織架構</a></li>
			    	{{else}}
			    	<li class="btn4"><a href="/guanwuwomen/zuzhijiagou/index.html">組織架構</a></li>
			    {{/if}}
			    {{if navSub.cate.pinyin == 'fazhanrongyu'}}
			    	<li class="btn4"><a style="color:blue" href="/guanwuwomen/fazhanrongyu/index.html">發展榮譽</a></li>
			    	{{else}}
			    	<li class="btn4"><a href="/guanwuwomen/fazhanrongyu/index.html">發展榮譽</a></li>
			    {{/if}}
			</ul>
        </div>
		
		
        <div class="right">
			
				<p style="margin: 20px 0;border-bottom: 1px solid rgb(173, 173, 173);padding-bottom: 20px;">>{{each position}}
					{{if $index < position.length-1}}
						<a href="{{$value.path}}/index.html">{{$value.name}}</a> >
						{{else}}
						<a  href="{{$value.path}}/index.html">{{$value.name}}</a>
					{{/if}}
				{{/each}}</p>
				
				{{if navSub.cate.pinyin == 'guanwuwomen'}}
				<div class="brand_item1" style="">
				    <div>
						<p style="margin: 40px 0;">安壽理財有限公司，深植於香港這個國際金融中心的豐富土壤，自21世紀初便開始書寫其輝煌歷史。</p>
					</div>
				</div>
				{{/if}}
				
				{{if navSub.cate.pinyin == 'gongsijianjie' || navSub.cate.pinyin == 'qiyewenhua' || navSub.cate.pinyin == 'touzilinian'}}
				<div class="brand_item1" style="">
				    <div>
					{{if data.list.length>0}}
						{{each data.list}}
							<p style="margin: 40px 0;">{{@ $value.description}}</p>
						{{/each}}
					{{else}}
					{{/if}}
					</div>
				</div>
				{{/if}}
			
				{{if navSub.cate.pinyin == 'zuzhijiagou'}}
				<div class="brand_item4">
					<div>
						<img style="width: 100%;" src="{{base_url}}/images/Group.png" alt="">
					</div>
				</div>
				{{/if}}
				
				{{if navSub.cate.pinyin == 'fazhanrongyu'}}
				<div class="brand_item5">
					<div>
						<ul>
							{{if data.list.length>0}}
								{{each data.list}}
									<li style="color: black;">{{@ $value.description}}</li>
								{{/each}}
							{{/if}}
						</ul>
					</div>
				</div>
				{{/if}}
				
				{{if data.list.length>0 && navSub.cate.pinyin == 'fazhanrongyu'}}
				<style>
					.pagenum{
						width: 100%;
						display: flex;
						flex-wrap: nowrap;
						justify-content: center;
						color: black;
					}
					.pagenum li{
						margin-left: 20px;
					}
				</style>
				
				<ul class="pagenum">
					{{@ pageHtml}}
				</ul>
				{{/if}}
        </div>
    </div>
    {{include './common/footer.html'}}
</body>
<script>
    document.querySelector('header').addEventListener('mouseover', function() {
        document.querySelector('.submenu').style.display = 'block';
    });

    document.querySelector('header').addEventListener('mouseout', function() {
        document.querySelector('.submenu').style.display = 'none';
    });
</script>
<script>
</script>
</html>